<template>
  <div class="resources">
    <div class="t-container">
      <div class="resources-title">
        <span>好的东西，肯定要和朋友分享。</span>
      </div>
      <div class="gallery">
        <!--  -->
        <a href="~/assets/img/i8.jpg" class="image">
          <img src="~/assets/img/i8.jpg" alt />
        </a>
        <a href="~/assets/img/i7.jpg" class="image">
          <img src="~/assets/img/i7.jpg" alt />
        </a>
        <a href="~/assets/img/i6.jpg" class="image">
          <img src="~/assets/img/i6.jpg" alt />
        </a>
        <a href="~/assets/img/i5.jpg" class="image">
          <img src="~/assets/img/i5.jpg" alt />
        </a>
        <!--  -->
        <a href="~/assets/img/i4.jpg" class="image">
          <img src="~/assets/img/i4.jpg" alt />
        </a>
        <a href="~/assets/img/i3.jpg" class="image">
          <img src="~/assets/img/i3.jpg" alt />
        </a>
        <a href="~/assets/img/i2.jpg" class="image">
          <img src="~/assets/img/i2.jpg" alt />
        </a>
        <a href="~/assets/img/i1.jpg" class="image">
          <img src="~/assets/img/i1.jpg" alt />
        </a>
        <!--  -->
        <a href="~/assets/img/i4.jpg" class="image">
          <img src="~/assets/img/i4.jpg" alt />
        </a>
        <a href="~/assets/img/i3.jpg" class="image">
          <img src="~/assets/img/i3.jpg" alt />
        </a>
        <a href="~/assets/img/i2.jpg" class="image">
          <img src="~/assets/img/i2.jpg" alt />
        </a>
        <a href="~/assets/img/i1.jpg" class="image">
          <img src="~/assets/img/i1.jpg" alt />
        </a>
      </div>
    </div>
  </div>
</template>


<style lang="less" scoped>
.resources {
  padding-top: 100px;
  padding-bottom: 60px;
  .t-container{
    background-color: #fff;
    border-radius: 8px;
    padding: 40px 20px 20px 20px;
  }
  .gallery{
    padding-top: 60px;
  }
}
</style>